<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
	    <title>齐装网首页</title>
	    <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
	    <link rel="stylesheet" type="text/css" href="css/reset.css" />
	    <link rel="stylesheet" type="text/css" href="css/global.css" />
	    <link rel="stylesheet" type="text/css" href="css/index.css">
	    <script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
	    <script type="text/javascript" src="js/zepto.min.js"></script>
	    <script type="text/javascript" src="js/touch.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script>
			//auto adaptation
			var calculate_size = function () {
				var BASE_FONT_SIZE = 100;
				var docEl = document.documentElement,
						clientWidth = docEl.clientWidth;
				if (!clientWidth) return;
				docEl.style.fontSize = BASE_FONT_SIZE * (clientWidth / 320) + 'px';
			};

			// Abort if browser does not support addEventListener
			if (document.addEventListener) {
				var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
				window.addEventListener(resizeEvt, calculate_size, false);
				document.addEventListener('DOMContentLoaded', calculate_size, false);
				calculate_size();
			}
		</script>
    </head>
    <body>
    	<!-- header头部 -->
    	<header class="box-width-css">
    		<p>欢迎来到齐装网！</p>
    		<section class="hd-phone">
				<i class="icon-hd-phone"></i>
				<span>400-604-8198</span>
			</section>
    	</header>
    	<!-- logo -->
		<section class="box-width-css sec-logo-wrap">
			<h1>齐装网，轻松装修乐无忧！</h1>
			<span></span>
		</section>
		<!-- 定位 -->
		<div class="location">
			当前定位：苏州&nbsp;<a href="suzhou.html">进入>></a>
		</div>
		<div class="banxin">
			<!-- 热门城市 -->
			<div class="hotcity">
				<h2 class="title">热门城市</h2>
				<ul>
					<li><a href="suzhou.html">苏州</a></li>
					<li><a href="#">太仓</a></li>
					<li><a href="#">无锡</a></li>
					<li><a href="#">盐城</a></li>
					<li><a href="#">张家港</a></li>
					<li><a href="#">常熟</a></li>
					<li><a href="#">南通</a></li>
					<li><a href="#">昆山</a></li>
				</ul>
			</div>
			<!-- 字母查找 -->
			<div class="word mar-t20">
				<h2 class="title">按字母查找您所在的城市</h2>
				<ul>
					<li><a href="#">A</a></li>
					<li><a href="#">B</a></li>
					<li><a href="#">C</a></li>
					<li><a href="#">D</a></li>
					<li><a href="#">E</a></li>
					<li><a href="#">F</a></li>
					<li><a href="#">G</a></li>
					<li><a href="#">H</a></li>
					<li><a href="#">J</a></li>
					<li><a href="#">K</a></li>
					<li><a href="#">L</a></li>
					<li><a href="#">M</a></li>
					<li><a href="#">N</a></li>
					<li><a href="#">O</a></li>
					<li><a href="#">P</a></li>
					<li><a href="#">Q</a></li>
					<li><a href="#">R</a></li>
					<li><a href="#">S</a></li>
					<li><a href="#">T</a></li>
					<li><a href="#">W</a></li>
					<li><a href="#">X</a></li>
					<li><a href="#">Y</a></li>
					<li><a href="#">Z</a></li>
				</ul>
			</div>
			<!-- A开头 -->
			<div class="city-word mar-t20">
				<h2 class="title">A（以A开头的城市）</h2>
				<ul>
					<li><a href="#">安庆</a></li>
					<li><a href="#">鞍山</a></li>
					<li><a href="#">安阳</a></li>
				</ul>
			</div>
			<!-- B开头 -->
			<div class="city-word mar-t20">
				<h2 class="title">B（以B开头的城市）</h2>
				<ul>
					<li><a href="#">北京</a></li>
					<li><a href="#">保定</a></li>
					<li><a href="#">宝鸡</a></li>
				</ul>
			</div>
		</div>
		<!-- 尾部版权 -->
		<footer class="box-width-css">
			<p><a href="#" class="hot">触屏版</a>&nbsp;|&nbsp;<a href="#">电脑版</a></p>
			<p>手机齐装网：m.qizuang.com  苏ICP备12045334号</p>
		</footer>
    </body>
</html>